<template>
<div class="page">
<nav-top title="申请退款">
      </nav-top>
      <page-content>
        <xl-content>
          <div class="content-block">
            退款金额 ￥{{payBackPrice}}
          </div>
        </xl-content>
        <xl-content>
          <div class="content-block bb">
            <span class="title">退款说明</span>
          </div>
          <div class="content-block">
            <textarea name="" id="" cols="30" rows="10" placeholder="请输入退货说明" v-model="ps"></textarea>
          </div>
        </xl-content>
        <div class="row">
        <button class="round-btn">确定退款￥{{payBackPrice}}</button>
        </div>
      </page-content>
</div>
</template>
<script>
import navTop from '@c/header/navTop'
import pageContent from '@c/pagecontent'
import xlContent from '@c/content.vue'
export default {
  name: 'payBack',
  components:{
    navTop,
    pageContent,
    xlContent
  },
  // props:,
  data () {
    return {
      payBackPrice:123,
      ps:''
      }
  },
  methods:{
    
  }
}
</script>
<style lang='scss'>

</style>